﻿@page
@using Microsoft.AspNetCore.Mvc.Localization
@using Volo.Abp.AspNetCore.Mvc.UI.Layout
@using Volo.Abp.Identity.Localization
@using Volo.Abp.Identity.Web.Navigation
@using Volo.Abp.Identity.Web.Pages.Identity.Roles
@model Volo.Abp.Identity.Web.Pages.Identity.Roles.IndexModel
@inject IHtmlLocalizer<IdentityResource> L
@inject IPageLayout PageLayout
@{
    PageLayout.Content.Title = L["Roles"].Value;
    PageLayout.Content.BreadCrumb.Add(L["Menu:IdentityManagement"].Value);
    PageLayout.Content.MenuItemName = IdentityMenuNames.Roles;
}
@section styles {
    <abp-style-bundle name="@typeof(IndexModel).FullName">
        <abp-style src="/Pages/AbpPermissionManagement/permission-management-modal.css" />
    </abp-style-bundle>
}
@section scripts {
    <abp-script-bundle name="@typeof(IndexModel).FullName">
        <abp-script src="/Pages/AbpPermissionManagement/permission-management-modal.js" />
        <abp-script src="/Pages/identity/roles/index.js" />
    </abp-script-bundle>
}

<div id="IdentityRolesWrapper">
    <abp-row class="mb-3">
        <abp-column size-md="_6">
            <h1 class="h3  text-gray-800">@L["Roles"]</h1>
        </abp-column>
        <abp-column size-md="_6" class="text-right">
            <abp-button button-type="Primary" name="CreateRole" text="@L["NewRole"].Value" icon="plus" />
        </abp-column>
    </abp-row>
    <abp-card>
        <abp-card-body>
            <abp-table striped-rows="true" class="nowrap">
                <thead>
                    <tr>
                        <th>@L["RoleName"]</th>
                        <th>@L["Actions"]</th>
                    </tr>
                </thead>
            </abp-table>
        </abp-card-body>
    </abp-card>
</div>
